<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8"/>
    <title>Register | Velonic - Bootstrap 5 Admin & Dashboard Template</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta content="A fully responsive admin theme which can be used to build CRM, CMS,ERP etc." name="description"/>
    <meta content="Techzaa" name="author"/>
    <link rel="shortcut icon" href="assets/images/favicon.ico">
    <script src="assets/js/config.js"></script>
    <link href="assets/css/app.min.css" rel="stylesheet" type="text/css" id="app-style"/>
    <link href="assets/css/icons.min.css" rel="stylesheet" type="text/css"/>
</head>
<body class="authentication-bg">
<div class="account-pages pt-2 pt-sm-5 pb-4 pb-sm-5 position-relative">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xxl-8 col-lg-10">
                <div class="card overflow-hidden bg-opacity-25">
                    <div class="row g-0">
                        <div class="col-lg-6 d-none d-lg-block p-2">
                            <img src="assets/images/auth-img.jpg" alt="" class="img-fluid rounded h-100">
                        </div>
                        <div class="col-lg-6">
                            <div class="d-flex flex-column h-100">
                                <div class="auth-brand p-4">
                                    <a href="index.html" class="logo-light">
                                        <img src="assets/images/logo.png" alt="logo" height="22">
                                    </a>
                                    <a href="index.html" class="logo-dark">
                                        <img src="assets/images/logo-dark.png" alt="dark logo" height="22">
                                    </a>
                                </div>
                                <div class="p-4 my-auto">
                                    <h4 class="fs-20">Free Sign Up</h4>
                                    <p class="text-muted mb-3">Enter your email address and password to access
                                        account.</p>
                                    <form action="#">
                                        <div class="mb-3">
                                            <label for="fullname" class="form-label">Full Name</label>
                                            <input class="form-control" type="text" id="fullname"
                                                   placeholder="Enter your name" required="">
                                        </div>
                                        <div class="mb-3">
                                            <label for="emailaddress" class="form-label">Email address</label>
                                            <input class="form-control" type="email" id="emailaddress" required=""
                                                   placeholder="Enter your email">
                                        </div>
                                        <div class="mb-3">
                                            <label for="password" class="form-label">Password</label>
                                            <input class="form-control" type="password" required="" id="password"
                                                   placeholder="Enter your password">
                                        </div>
                                        <div class="mb-3">
                                            <div class="form-check">
                                                <input type="checkbox" class="form-check-input" id="checkbox-signup">
                                                <label class="form-check-label" for="checkbox-signup">I accept <a
                                                        href="javascript: void(0);" class="text-muted">Terms and
                                                    Conditions</a></label>
                                            </div>
                                        </div>
                                        <div class="mb-0 d-grid text-center">
                                            <button class="btn btn-primary fw-semibold" type="submit">Sign
                                                Up
                                            </button>
                                        </div>
                                        <div class="text-center mt-4">
                                            <p class="text-muted fs-16">Sign in with</p>
                                            <div class="d-flex gap-2 justify-content-center mt-3">
                                                <a href="javascript: void(0);" class="btn btn-soft-primary"><i
                                                        class="ri-facebook-circle-fill"></i></a>
                                                <a href="javascript: void(0);" class="btn btn-soft-danger"><i
                                                        class="ri-google-fill"></i></a>
                                                <a href="javascript: void(0);" class="btn btn-soft-info"><i
                                                        class="ri-twitter-fill"></i></a>
                                                <a href="javascript: void(0);" class="btn btn-soft-dark"><i
                                                        class="ri-github-fill"></i></a>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-12 text-center">
                <p class="text-dark-emphasis">Already have account? <a href="auth-login.html"
                                                                       class="text-dark fw-bold ms-1 link-offset-3 text-decoration-underline"><b>Log
                    In</b></a>
                </p>
            </div>
        </div>
    </div>
</div>
<footer class="footer footer-alt fw-medium">
<span class="text-dark-emphasis">
<script>document.write(new Date().getFullYear())</script> © Velonic - Theme by Techzaa
</span>
</footer>
<script src="assets/js/vendor.min.js"></script>
<script src="assets/js/app.min.js"></script>
</body>
</html>